/* Slide In / Out animation */
.slide-in-out .slide-item {
    transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
    -webkit-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
    -moz-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
    -o-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
    -ms-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
    overflow-y: hidden;
    /* To use this animation, please set max-height to element that has slideItem class */
}
.slide-in-out.closed .slide-item {
    max-height: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
}
/* End of slide In / Out animation */

/* Rotation animations */
.rotating-animation {
    animation: rotate 0.8s infinite linear;
}
.rotating-animation.step-12 {
    animation: rotate 0.8s steps(12) infinite;
    animation-timing-function: linear;
}
/* End of Rotation animations */

.no-trans, .no-trans::before, .no-trans::after, .no-trans-init, .no-trans-init::before, .no-trans-init::after {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important;
    transition: none!important;
}

/* Transition speeds */
.ts-500 {
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
}
/* End of transition speeds */
